<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax请求</title>
</head>
<body>
<script src="jquery-3.6.0.js"></script>
<script>
    /*
        jQuery 的 ajax请求
          + 注意：
            =》因为发送的是ajax请求，不是操作DOM，所以不需要获取元素
            =》它的使用直接依赖于 jQuery 或者 $ 变量
              -》语法：$.ajax({ 本次发送的 ajax 的配置项 })
           + 配置项
              1. url：必填，表示请求地址
              2. method：选填，默认GET，表示请求方式
              3. data：选填，默认是''，表示携带给后端的参数
              4. async：选填，默认是true，表示是否异步
              5. success：选填，表示请求成功的回调函数
              6. error：选填，表示请求失败的回调函数
    */

    $.ajax({
        url: 'http://admin-api.macrozheng.com/admin/login',
        method: 'POST',
        data: JSON.stringify({username: 'admin', password: 'macro123'}),
        success: function (res) {
            //请求成功后接收后端给回的响应结果
            console.log(res)
        },
        //POST请求携带参数格式需要提前说明
        dataType: "json",
        contentType: "application/json;charset=UTF-8"
    })
</script>
</body>
</html>